<template>
    <!-- 已认证 -->
    <div class="verified">
        <fx-header @back="loginOut">
            <template #title>
                {{ $t('authVerify') }}
            </template>
        </fx-header>
        <div class="flex flex-col px-30 justify-center items-center pt-124">
            <img src="../../assets/image/idImg/small-success.png" alt="success img" class="w-20 h-20 mt-10" />
            <div class="font16 textColor mt-55">{{ $t('submitSuccess') }}</div>
            <div class="font14 text-grey mt-23">{{ $t('tips3') }}</div>
            <div class="font14 text-grey ">{{ $t('tips4') }}</div>
            <button class="apply-btn w-full border-none rounded btnMain text-white font-35 h-100 rounded mt-193"
                @click="$router.go(-1)">{{ $t('back') }}</button>
        </div>
    </div>
</template>

<script setup>
import { useRouter } from "vue-router";
import { useI18n } from "vue-i18n";
const { t } = useI18n()
const router = useRouter()
const loginOut = () => {
    router.push('/certificationCenter')
}
</script>
<style lang="scss" scoped>
.verified {
    width: 100%;
    box-sizing: border-box;

}

.font16 {
    font-size: 16px;
}

.font14 {
    font-size: 14px;
}

.textColor {
    margin-top: 3rem;
    font-size: 16px;
}

.text-grey {
    margin: 1rem 0 0 0;
}

.btnMain {
    background: $btn_background;
    margin-top: 40px;
    width: 90%;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
</style>
